import { Meta } from '@storybook/blocks';
import YouTubeVideoPlayer from '@/components/YouTubeVideoPlayer';
import * as StackStories from '../stories/Stack.stories';

<Meta of={StackStories} />

# Stack

A widget that positions its children relative to the edges of its box.

<YouTubeVideoPlayer videoId="liEGSeD3Zt8" />

## Example

```dart liveslice=Stack
Stack(
  children: <Widget>[
    Container(
      width: 100,
      height: 100,
      color: Colors.red,
    ),
    Container(
      width: 90,
      height: 90,
      color: Colors.green,
    ),
    Container(
      width: 80,
      height: 80,
      color: Colors.blue,
    ),
  ],
)
```

## Related Links

- https://api.flutter.dev/flutter/widgets/Stack-class.html
- https://youtu.be/liEGSeD3Zt8
